<html>
<head>
    <title>酒店</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"
          href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="background">
</div>

<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/index.jsp">X-HOTEL</a>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">个人中心<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/user?method=LOGOUT_DO">退出登陆</a></li>
                    </ul>
                </li>
                <li class="active"></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">管理员中心<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/hotel.html">查看酒店信息</a></li>
                        <li><a href="/room.jsp?view=add">添加房间</a></li>
                        <li><a href="/user.jsp?view=add">添加用户</a></li>
                        <li><a href="/user?method=LOGOUT_DO}">退出登陆</a></li>
                    </ul>
                </li>
                <li><a href="/regist.jsp">注册</a></li>
                <li>
                </li>
            </ul>
        </div>
    </div>
</nav>


<div class="maxPage-summary" style="height: 400px;width:1920px">
    <div class="info-panel">
        <div class="photo-name">
            <img class="main_info" src="/file/f7751f1d744b4e23897a96241d6c108b.jpg" width="300" height="300">
            <h3>迪拜帆船酒店</h3>
        </div>
        <!-- 基本信息 -->
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">酒店详情</h3>
            </div>
            <table class="table">
                <tr>
                    <td>酒店名称：</td>
                    <td>迪拜帆船酒店(Dubai Lugger Hotel)</td>
                </tr>
                <tr>
                    <td>酒店编号：</td>
                    <td>01010101</td>
                </tr>
                <tr>
                    <td>酒店类型：</td>
                    <td>高端商务酒店</td>
                </tr>
                <tr>
                    <td>酒店级别：</td>
                    <td>7星级</td>
                </tr>
                <tr>
                    <td>酒店面积：</td>
                    <td>102472</td>
                </tr>
                <tr>
                    <td>酒店地点：</td>
                    <td>迪拜</td>
                </tr>
                <tr>
                    <td>酒店评分：</td>
                    <td>4.9</td>
                </tr>

            </table>
            <div class="panel-body">
            </div>
        </div>
    </div>
</div>
<div class="well well-lg" style="       height: fit-content;
        width: 80%;
        margin: 80px;">
    阿拉伯塔最初的创意是由阿联酋国防部长、迪拜王储阿勒马克图姆提出的，他梦想给迪拜一个悉尼歌剧院、
    迪拜帆船酒店周围全景
    迪拜帆船酒店周围全景
    艾菲尔铁塔式的地标。经过全世界上百名设计师的奇思妙想加上迪拜人巨大的钱口袋和5年时间，终于缔造
    出一个梦幻般的建筑——将浓烈的伊斯兰风格和极尽奢华的装饰与高科技手段、建材完美结合，建筑本身获奖无数。
    阿拉伯塔仿佛是阿拉丁的宫殿：墙上挂着著名艺术家的油画；每个房间有17个电话筒，门把和厕所水管都“爬”满黄金，
    每个套房中还有为客人解释各项高科技设备的私人管家。全部202间套房中，最低的房价也要900美元一晚，
    25层的皇家套房则需18000美元一晚——这里搜罗了来自世界各地的摆设，有私家电梯、私家电影院、私家餐厅、旋转睡床
    、可选择上中下三段式喷水的淋浴喷头等等。 景色旖旎的绵长的沙滩海岸和温暖的大海，迷人的沙漠是喜欢冒险的游客的理想地
</div>
<div class="maxPage-detail">
</div>


<!-- 扩展信息 -->

<div class="maxPage-extension">

</div>

</body>

<style>
    .info-panel {
        height: 400px;
        width: 90%;
        position: relative;
        left: 5%;
    }

    .photo-name {
        height: 400px;
        width: 20%;
        float: left;

    }

    .panel-default {
        border-color: #ddd;
        width: 50%;
        float: left;

    .well-lg {

    }


</style>
</html>

